/*basic*/
body {font-family:'NanumSquareNeo',sans-serif;}
em, address {font-style:normal;}
ul, ol, li, dl, dt, dd {list-style:none;margin:0;padding:0;}
body {margin:0;padding:0;font-size:0.75em;font-family:'NanumSquareNeo', sans-serif;background:#fff}
h1, h2, h3, h4, h5, h6, input, p, th, td,a {margin:0;padding:0;}
img{border:0 none;}
form, fieldset, blockquote {margin:0;padding:0;border:0;}
legend, hr{overflow:hidden;position:absolute;top:0;left:0;}
legend, caption, hr{display:none;visibility:hidden;font-size:0;line-height:0;height:0;}
textarea {overflow:auto;}
option {padding-right:0.5em;}
a{text-decoration:none;display:block;position:relative;border:0;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer;}
a:active{text-decoration:none;}
*html{height:1px;}
*{margin:0;padding:0;}
dl,dd,dt,ul,li{display:block;}
.skip{position:absolute !important;width:1px !important;height:1px !important;left:-1000% !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;text-indent:-1000em !important;background:none !important;}
.skip iframe{width:0;height:0;overflow:hidden;}
.bold{font-weight:bold;}
.clear{clear:both;}
select{font-family:'NanumSquareNeo' !important;}

/* */
input,
select{vertical-align:middle;font-family:'NanumSquareNeo', sans-serif;font-size:12px;outline:0;border:0 none;}
textarea {font-size:12px;font-family:'NanumSquareNeo', sans-serif;border:0 none;outline:0;}

/* common top */

#wrap2 {
  width:100%;
  display: flex;
  flex-direction: row;
}

#wrap{width:100%;height:100%;min-width:1300px;}
#wrap #div1{width:100%;height:1131px;background:url(../images/mind01.jpg) center 0 no-repeat;}
#wrap #div2-1{width:100%;height:801px;background:url(../images/mind02-1.jpg) center 0 ;}
#wrap #div2-2-1{margin-left:100px;width:1000px;height:2697px;background:url(../images/mind02-2.jpg) center 0 no-repeat;}
#wrap #div2-3{width:100%;height:1177px;background:url(../images/mind02-3.jpg) center 0;}
#wrap #div3{width:100%;height:3002px;background:url(../images/mind03.jpg) center 0;}
#wrap #div4{width:100%;height:847px;background:url(../images/mind04.jpg) center 0;}
#wrap #div4-1{width:100%;height:1761px;background:url(../images/new2.jpg?ver=3333333) center 0 no-repeat;}
#wrap #div4-2{width:100%;height:2700px;background:url(../images/new2-1.jpg?ver=3333333) center 0 no-repeat;}
#wrap #div4-3{width:100%;height:2196px;background:url(../images/new2-2.jpg?ver=3333333) center 0 no-repeat;}
#wrap #div5{width:100%;height:1438px;background:url(../images/mind05.jpg) center 0;}
#wrap #div6{width:100%;height:968px;background:url(../images/mind06.jpg) center 0;}


#wrap_m{width:100%;height:100%;min-width:100%;}
#wrap_m #div1_m{max-width:100%;}
#wrap_m #div2_m{max-width:100%;}
#wra_mp #div3_m{max-width:100%;}
#wrap_m #div4_m{max-width:100%;}
#wrap_m #div5_m{max-width:100%;}
#wrap_m #div6_m{max-width:100%;}

/*
#wrap #div5{width:100%;height:1092px;background:url(../images/pro01/div5.jpg) center 0;}
#wrap #div6{width:100%;height:2364px;position:relative;background:url(../images/pro01/div6.jpg) center 0;}
#wrap #div6 #div6_{width:100%;height:1px;position:absolute;top:668px;left:0;}
#wrap #div7{width:100%;height:950px;position:relative;background:url(../images/pro01/div7.jpg) center 0;}
#wrap #div7 a{top:641px;}
#wrap #div8{width:100%;height:933px;background:url(../images/pro01/div8.jpg) center 0;}
#wrap #div9{width:100%;height:1010px;background:url(../images/pro01/div9.jpg) center 0;}
#wrap #div10{width:100%;height:933px;position:relative;background:url(../images/pro01/div10.jpg) center 0;}
#lQuick li+li{margin-top:1px;}
#lQuick li a{width:160px;height:34px;display:block;}
#lQuick li:hover a{background-position:-160px 0;}
.lMenu1 a{background-image:url(../images/pro01/lquick1.gif);}
.lMenu2 a{background-image:url(../images/pro01/lquick2.gif);}
.lMenu3 a{background-image:url(../images/pro01/lquick3.gif);}
.lMenu4 a{background-image:url(../images/pro01/lquick4.gif);}
.lMenu5 a{background-image:url(../images/pro01/lquick5.gif);}
.lMenu6 a{background-image:url(../images/pro01/lquick6.gif);}
.lMenu7 a{background-image:url(../images/pro01/lquick7.gif);}
#lQuick > a{margin-top:20px;}
#rQuickBn{width:188px;height:90px;margin-top:15px;float:left;clear:both;background:url(../images/pro01/rquick.png) 0 37px no-repeat;}
#rightquick >  a{float:left;clear:both;margin-top:15px;display:block;}
*/

@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 300;
    font-style: normal;
    src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-aLt.eot');
    src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-aLt.eot?#iefix') format('embedded-opentype'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-aLt.woff2') format('woff2'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-aLt.woff') format('woff'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-aLt.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 400;
    font-style: normal;
    src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-bRg.eot');
    src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-bRg.eot?#iefix') format('embedded-opentype'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-bRg.woff2') format('woff2'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-bRg.woff') format('woff'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-bRg.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 700;
    font-style: normal;
    src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-cBd.eot');
    src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-cBd.eot?#iefix') format('embedded-opentype'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-cBd.woff2') format('woff2'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-cBd.woff') format('woff'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-cBd.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 800;
    font-style: normal;
    src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-dEb.eot');
    src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-dEb.eot?#iefix') format('embedded-opentype'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-dEb.woff2') format('woff2'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-dEb.woff') format('woff'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-dEb.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 900;
    font-style: normal;
    src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-eHv.eot');
    src: url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-eHv.eot?#iefix') format('embedded-opentype'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-eHv.woff2') format('woff2'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-eHv.woff') format('woff'),
         url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo-eHv.ttf') format("truetype");
    font-display: swap;
} 

.floating-banner-left {
  position: fixed;
  top: 110px;
  left: 45px;
  transform: translateX(-50%);
  padding: 0px;
  border-radius: 0px;
}

.floating-banner {
  position: fixed;
  top: 100px;
  right: -100px;
  transform: translateX(-50%);
  padding: 0px 0px;
  border-radius: 0px;
}

.floating-banner2 {
  position: fixed;
  top: 480px;
  right: -35px;
  transform: translateX(-50%);
  padding: 0px 0px;
  border-radius: 0px;
}

.banner-image {
	max-width:100%;
}

.close-icon {
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #e0e0e0;
  border-radius: 50%;
}

.message-input {
	text-align:center;
}
.message-input textarea{
	margin-top:150px;
	width:200px;
	border-radius: 20px 0 0 20px;
	background-color:#c0d1f5;
	height:110px;
	text-indent: 7px; 
	padding-top: 10px; 
	font-size:12px;
	margin-bottom:4px;
}
.input {
	text-align:center;
}
.input input{
	margin-top:7px;
	width:200px;
	border-radius: 20px;
	background-color:#fff;
	height:40px;
	text-indent: 20px; 
	font-size:12px;
	margin-bottom:3px;
}
.submit {
	text-align:center;
}
.submit input{
	margin-top:7px;
	width:200px;
	border-radius: 30px;
	background-color:#6b94f1;
	height:40px;
	font-size:17px;
	/*font-weight: bold;*/
	color:#fff;
	cursor: pointer;
}

/*
.message-input {
	text-align:center;
}
.message-input textarea{
	margin-top:170px;
	width:230px;
	border-radius: 20px 0 0 20px;
	background-color:#c0d1f5;
	height:130px;
	text-indent: 10px; 
	padding-top: 20px; 
	font-weight: bold;
	margin-bottom:7px;
}
.input {
	text-align:center;
}
.input input{
	margin-top:8px;
	width:230px;
	border-radius: 20px;
	background-color:#fff;
	height:45px;
	text-indent: 20px; 
	font-weight: bold;
}
.submit {
	text-align:center;
}
.submit input{
	margin-top:8px;
	width:250px;
	border-radius: 30px;
	background-color:#6b94f1;
	height:55px;
	font-size:20px;
	font-weight: bold;
	color:#fff;
	cursor: pointer;
}
*/

.thead-dark {
	/*background: linear-gradient(to right, #000080, #E6E6FA);*/
	background-color: #6b94f1;
    /*text-shadow: 3px 3px 3px rgba(0,0,0,0.3);*/
}

.table-container {
  padding:50px 10px 0 10px;
  display: flex;
  justify-content: center;
  height: 1460px;
  background-color: #fff;
}

.custom-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  border: 1px solid #ddd;
}

.custom-table th {
  padding: 10px;
  border: 1px solid #f2f2f2;
  font-size: 18px;
}


.custom-table th {
  color: #fff;
  text-align: center;
}

.custom-table td {
  border: 0px solid #f2f2f2;
  font-size: 15px;
  padding-left:20px;
  padding-right:20px;
  color:#757575;
  height:40px;
}

.custom-table tbody tr:nth-child(odd) {

  background-color: #d6e2ee;
}

.custom-table tbody tr:nth-child(even) {
  background-color: #fff
}

.custom-table tbody tr:hover {
  /*background-color: #fff;*/
}

.custom-table .form-check-label {
  margin-left: 5px;
}

.custom-table .btn {
  background-color: #28a745;
  color: #fff;
  padding: 8px 15px;
  border: none;
  cursor: pointer;
  font-weight: bold;
}

.custom-table .btn:hover {
  /*background-color: #000;*/
}

.custom-table .form-control{
  vertical-align:middle;outline:0;border:0 none;
  width: 290px;
  height: 50px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  font-size: 12px;
  margin-bottom: 5px;
  margin-right: 10px;
  box-sizing: border-box;
}

.custom-table .form-check-input {
  vertical-align:middle;outline:0;border:0 none;
  width: 25px;
  height: 53px;
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  font-size: 12px;
  margin-bottom: 5px;
  box-sizing: border-box;
}

.custom-table .form-check-input {
  text-indent: 20px;
}

.custom-table .form-group textarea {
  width: 100%;
  height:200px;
  padding: 10px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 12px;
  box-sizing: border-box;
}

.text-center {
	text-align:Center;
}

.custom-table .btn-success{
	margin-top:0px;
	width:100%;
	border-radius: 0px;
	background-color:#f01980;
	height:50px;
	font-size:17px;
	/*font-weight: bold;*/
	color:#fff;
	cursor: pointer;
}


/* 모바일 테이블 */
  .fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f8f9fa; 
    padding: 0px;
  }
  .table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc; 
    background-color: #fff; 
  }
  .table th, .table td {
    /*border: 1px solid #ccc; */
    /*padding: 10px;*/
	height:50px;
  }
  .thead-dark {
    /*background-color: #343a40; */
    color: #fff; 
  }

  .table .form-control{
	  vertical-align:middle;outline:0;border:0 none;
	  width:100%;
	  height:38px;
	  padding: 5px 10px;
	  border-radius: 3px;
	  background-color: #fff;
	  border: 1px solid #ddd;
	  font-size: 12px;
	  margin-bottom: 0px;
	  box-sizing: border-box;
	  text-indent: 10px; 
  }

  .table .form-control::placeholder {
      font-size: 15px; /* 원하는 글자 크기로 변경하세요 */
  }

 .table .form-check-input {
	  vertical-align:middle;outline:0;border:0 none;
	  width: 25px;
	  height: 35px;
	  padding: 5px 10px;
	  border-radius: 3px;
	  background-color: #fff;
	  border: 1px solid #f2f2f2;
	  font-size: 12px;
	  margin-bottom: 5px;
	  box-sizing: border-box;
  }

 .table .form-check-label {
	  vertical-align:middle;
	  margin-left: 0px;
	  font-size: 16px;
 }

 .table .btn-success {
    width: 150px;
    height: 70px;
    font-size: 25px;
    background-color: #f01980; 
    border: none;
    color: #fff;
    cursor: pointer;
	text-align:center;
	font-weight: bold;
  }